<template>
    <div class="biddetail">
        <div class="top">
            <div class="tt">基本信息</div>
            <div class="info">
                <div class="p">
                    <span>招标名称</span>
                    <p>总部办公用品采购项目</p>
                </div>
                <div class="p">
                    <span>招标类型</span>
                    <p>办公用品</p>
                </div>
                <div class="p">
                    <span>招标方式 </span>
                    <p>公开招标</p>
                </div>
                <div class="p">
                    <span>招标状态</span>
                    <el-tag>进行中</el-tag>
                    <el-tag class="ml-2" type="success">已完成</el-tag>
                </div>
                <div class="p">
                    <span>发布时间 </span>
                    <p>2023-10-10</p>
                </div>
                <div class="p">
                    <span>截止日期 </span>
                    <p>2023-10-10</p>
                </div>
                <div class="ps">
                    <p>招标详情</p>
                    <div class="desc">
                        这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息这是一条招标公告的详细信息
                    </div>

                </div>
            </div>
        </div>

        <div class="jindu">
            <div class="tt">招标进度</div>
            <div class="steps">
                <el-steps :active="2" align-center>
                    <el-step description="" title="Step 1"/>
                    <el-step description="Some" title="Step 2"/>
                    <el-step description="Some" title="Step 3"/>
                    <el-step description="Somedescription" title="Step 4"/>
                </el-steps>
            </div>
        </div>

        <div class="sdbj">
            <div class="tt">收到的报价</div>
            <div class="bgyi1">
                <!--         表头-->
                <div class="biao-top">
                    <div>序号</div>
                    <div>供应商名称</div>
                    <div>负责人信息</div>
                    <div>联系方式</div>
                    <div>行业分类</div>

                </div>
                <div v-for="(item,index) in 5" :key="index" class="biao-box">
                    <div class="div">{{ index + 1 }}</div>
                    <div class="div">
                       雷鸣网络
                    </div>
                    <div class="div">
                        王晓雷
                    </div>
                    <div class="div">
                        13165122657
                    </div>
                    <div class="div">
                        it
                    </div>

                </div>

            </div>
        </div>

        <div class="hetong">
            <div class="tt">合同与发票{{Imgs}}</div>
            <div class="p">
                <span>合同</span>
                <UploadImgs  @child='handlerUploadImgs'></UploadImgs>
            </div>

            <div class="p">
                <span>发票</span>
                <UploadImgs></UploadImgs>
            </div>
        </div>
    </div>
</template>


<script setup>
/**
 * 组件引入
 */
import {onMounted, reactive, ref} from 'vue'
import http from "../../api/api.js"
import msg from "../../utils/Message.js"
import UploadImgs from "../../components/UploadImgs.vue"
/**
 * 全局变量
 */
const Imgs = ref([])

/**
 * 页面挂载后
 */
onMounted(() => {
    // initPageData();
});


/**
 * 方法区
 */

function handlerUploadImgs(data){
    Imgs.value = data
}

// 初始化数据
const initPageData = () => {
    http.HttpGet("GetDocumentClassIndex").then((res) => {
        initData.loading = false
        if (res.code == 0) {
            initData.list = res.data
            msg.message(res.msg)
        } else {
            msg.message(res.msg, 'error')
        }
    })
}

</script>

<style lang="scss" scoped>
@import '../../assets/scss/index.scss';
</style>

